<!DOCTYPE html>
<html>

	<head>
		<meta charset="GBK">
		<title>商品详情页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/proList.css" />
	</head>

	<body>

		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl">
					<a href="index.html"><img src="img/logo.png" /></a>
				</h1>
					<div class="fr clearfix" id="top1">

						<p class="fl">
							<a href="login.jsp" id="login">登录</a>
							<a href="reg.jsp" id="reg">注册</a>
						</p>

						<form action="" method="post" class="fl">
							<input type="text" placeholder="热门搜索：干花花瓶" name="key" style="line-height: 30px" /> <input type="submit" style="margin-top: -30px;" value="" />
						</form>
						<div class="btn fl clearfix">
							<a href="user/mygxin.jsp"><img src="img/grzx.png" /></a>
							<a href="#" class="er1"><img src="img/ewm.png" /></a>
							<a href="user/cart.jsp"><img src="img/gwc.png" /></a>
							<p>
								<a href="#"><img src="img/smewm.png" /></a>
							</p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a id="all" href="index.html" style="cursor: pointer">所有商品</a>
						<div class="sList"></div>
					</li>
					<li>
						<a id=6 style="cursor: pointer" href="">装饰摆件</a>
						<div class="sList2" id="s6"></div>
					</li>
					<li>
						<a href="" style="cursor: pointer" id="7">布艺软饰</a>
						<div class="sList2"></div>
					</li>
					<li>
						<a href="">墙式壁挂</a>
					</li>
					<li>
						<a href="">蜡艺香薰</a>
					</li>
					<li>
						<a href="">创意家居</a>
					</li>
				</ul>
			</div>
		</div>

		<!-----------------------Detail------------------------------>
		<div class="detCon">
			<div class="proDet wrapper">
				<div class="proCon clearfix">
					<div class="proImg fl">
						<img class="det" src="img/like02.jpg" />
					</div>
					<div class="fr intro">
						<div class="title">
							<h4>瓷器</h4>
							<span>￥59.9</span>
							<h6>瓷器北欧家居装饰品</h6>
						</div>
						<div class="proIntro">
							<p>
								数量&nbsp;&nbsp;库存<span>100</span>件
							</p>
							<div class="num clearfix">
								<img class="fl sub" src="img/temp/sub.jpg"> <span class="fl" contentEditable="true" id="num">1</span> <img class="fl add" src="img/temp/add.jpg">
								<p class="please fl">请选择商品属性!</p>
							</div>
						</div>
						<div class="btns clearfix">
							<a>
								<p class="buy fl" id="">
									立即购买 <input type="hidden" value="">
								</p>
							</a>
							<a>
								<p class="cart fr">加入购物车</p>
							</a>

						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>